<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
</head>
<body>
    <div id="csdn">
        <form>
            <h1 style="text-align:left;color:orangered;">CSDN</h1>
            <div>
                <p style="text-align: left;display: inline;">欢迎回来：</p>
                <a id="userName" style="text-align: left;display: inline;" href="user.html"></a>
                &emsp;&emsp;&emsp;&emsp;&emsp;&emsp; <input type="button" class="button" value="登录或更换账号" onclick="login_click()">
                &emsp;&emsp;&emsp; <input type="button" class="button" value="通知" onclick="notify_click()">
                &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
                <form>
                    <input type="text" id="seek" name="seek">
                    <input type="button" value="搜索" onclick="seek_click()">
                </form>
            </div>
            <div style="margin-top: 20px;">
            <input type="button" value="后台" onclick="blog_click(this.value)">&emsp;
            <input type="button" value="前端" onclick="blog_click(this.value)">&emsp;
            <input type="button" value="移动开发" onclick="blog_click(this.value)">&emsp;
            <input type="button" value="编程语言" onclick="blog_click(this.value)">&emsp;
            <input type="button" value="Java" onclick="blog_click(this.value)">&emsp;
            <input type="button" value="Python" onclick="blog_click(this.value)">&emsp;
            <input type="button" value="人工智能" onclick="blog_click(this.value)">&emsp;
            <input type="button" value="大数据" onclick="blog_click(this.value)">&emsp;
            <input type="button" value="数据结构与算法" onclick="blog_click(this.value)">&emsp;
            <input type="button" value="服务器" onclick="blog_click(this.value)">
            </div>
        </form>
    </div>
    <br>
    <div id="order">
        <table border="1" cellspacing="0">
            <thead>
            <tr align="center" height="40">
                <th width="300">标题</th>
                <th width="850">简介</th>
                <th width="50">点赞</th>
                <th width="90">发布日期</th>
                <th width="100">作者</th>
            </tr>
            </thead>
            <tr v-for="blog in blogs" height="40">
                <td>{{blog.title}}</td>
                <td>{{blog.description}}</td>
                <td>{{blog.praise}}</td>
                <td>{{blog.date}}</td>
                <td>{{blog.username}}</td>
                <td>
                    <form action="./browse.html" method="get">
                        <input style="display: none" type="text" name="blogId" :value="blog.id">
                        <input type="submit" value="查看" >
                    </form>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>

<script src="../js/ajax.js"></script>
<script src="../js/vue.js"></script>

<script src="../js/csdn.js">

</script>